﻿@model ApCMS.Areas.Admin.Models.LogOnModel
@{
    Layout = null;
    ApCMS.Common.AppSetting appSet = new ApCMS.Common.AppSetting();
}
<!DOCTYPE html>
<html lang="en">
<head>
    <title>网站后台管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        body
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        td
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        div
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        P
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        br
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        ul
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        li
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        tr
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        table
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        img
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        form
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        input
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        span
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        input
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        TEXTAREA
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        DL
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        DD
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        OL
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H1
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H2
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H3
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H4
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H5
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        H6
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        PRE
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        FIELDSET
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        BLOCKQUOTE
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        TH
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        DT
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        HTML
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        SPAN
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        INPUT
        {
            border-bottom: 0px;
            border-left: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 12px;
            border-top: 0px;
            border-right: 0px;
            padding-top: 0px;
        }
        DIV
        {
            margin: 0px auto;
        }
        BODY
        {
            text-align: left;
            padding-bottom: 0px;
            background-color: #0053c0;
            margin: 0px 0px 10px;
            padding-left: 0px;
            padding-right: 0px;
            font-family: Verdana;
            color: #000000;
            font-size: 12px;
            padding-top: 0px;
        }
        HTML
        {
            scrollbar-arrow-color: #000;
            scrollbar-face-color: #ecf3fb;
            overflow-x: hidden;
            width: 100%;
            scrollbar-darkshadow-color: #cccccc;
            scrollbar-highlight-color: #ece9d8;
            scrollbar-shadow-color: #000;
            scrollbar-track-color: #ecf1fa;
            scrollbar-3dlight-color: #a1bfe8;
        }
        BODY
        {
            scrollbar-arrow-color: #000;
            scrollbar-face-color: #ecf3fb;
            overflow-x: hidden;
            width: 100%;
            scrollbar-darkshadow-color: #cccccc;
            scrollbar-highlight-color: #ece9d8;
            scrollbar-shadow-color: #000;
            scrollbar-track-color: #ecf1fa;
            scrollbar-3dlight-color: #a1bfe8;
        }
        #box2
        {
            text-align: center;
            margin: 0px auto;
            width: 511px;
        }
        .login
        {
            background-image: url('@Url.Content("~/Areas/Admin/Content/default/images/login/bg_login.png")');
            padding-bottom: 0px;
            margin: 0px auto;
            padding-left: 0px;
            width: 511px;
            padding-right: 0px;
            background-repeat: no-repeat;
            height: 209px;
            padding-top: 0px;
        }
        .loginbox
        {
            background-image: url('@Url.Content("~/Areas/Admin/Content/default/images/login/bg_login_02.png")');
            margin: 0px auto;
            width: 511px;
            background-repeat: repeat-y;
            height: 209px;
            overflow: hidden;
        }
        .user
        {
            background: url('@Url.Content("~/Areas/Admin/Content/default/images/login/li_user.gif")') no-repeat;
        }
        .lock
        {
            background: url('@Url.Content("~/Areas/Admin/Content/default/images/login/li_lock.gif")') no-repeat;
        }
        .english
        {
            padding-right: 5px;
            color: #999;
        }
        .user
        {
            border-bottom: #b9adad 1px groove;
            border-left: #b9adad 1px groove;
            line-height: 22px;
            background-color: #fff;
            padding-left: 24px;
            width: 176px;
            height: 22px;
            border-top: #b9adad 1px groove;
            border-right: #b9adad 1px groove;
        }
        .lock
        {
            border-bottom: #b9adad 1px groove;
            border-left: #b9adad 1px groove;
            line-height: 22px;
            background-color: #fff;
            padding-left: 24px;
            width: 176px;
            height: 22px;
            border-top: #b9adad 1px groove;
            border-right: #b9adad 1px groove;
        }
        .code
        {
            border-bottom: #b9adad 1px groove;
            border-left: #b9adad 1px groove;
            line-height: 22px;
            background-color: #fff;
            padding-left: 24px;
            width: 176px;
            height: 22px;
            border-top: #b9adad 1px groove;
            border-right: #b9adad 1px groove;
        }
        .code
        {
            padding-left: 8px;
            width: 50px;
        }
        .spanButton
        {
            border-bottom: #777873 1px solid;
            border-left: #e3eff3 1px solid;
            padding-bottom: 0px;
            margin: 0px;
            padding-left: 0px;
            padding-right: 0px;
            display: inline-block;
            border-top: #e3eff3 1px solid;
            border-right: #a8afad 1px solid;
            padding-top: 0px;
        }
       
        .Button
        {
            background-image: url('@Url.Content("~/Areas/Admin/Content/default/images/login/button_bg.gif")');
            border-bottom-style: none;
            min-width: 84px;
            text-align: center;
            padding-bottom: 0px;
            line-height: 27px;
            border-right-style: none;
            margin: 0px;
            padding-left: 0px;
            width: 84px;
            padding-right: 0px;
            background-repeat: repeat-x;
            border-top-style: none;
            height: 27px;
            color: #fff;
            border-left-style: none;
            overflow: visible;
            cursor: pointer;
            padding-top: 0px;
        }
        .copyright
        {
            text-align: center;
            line-height: 28px;
            height: 28px;
            color: #fff;
            clear: both;
            vertical-align: middle;
        }
        .copyright A
        {
            color: #fff;
            text-decoration: none;
        }
        .copyright A:visited
        {
            color: #fff;
            text-decoration: none;
        }
        .red
        {
            color: #f00;
        }
        .td1
        {
            text-align: right;
            width: 25%;
        }
        .td2
        {
            text-align: right;
            width: 18%;
        }
        .td3
        {
            text-align: left;
            width: 57%;
        }
         /* Styles for validation helpers
-----------------------------------------------------------*/
        .field-validation-error
        {
            color: #ff0000;
        }
        
        .field-validation-valid
        {
            display: none;
        }
        
        .input-validation-error
        {
            border: 1px solid #ff0000;
            background-color: #ffeeee;
        }
        
        .validation-summary-errors
        {
            font-weight: bold;
            color: #ff0000;
        }
        
        .validation-summary-valid
        {
            display: none;
        }
    </style>
    <script   type="text/javascript" src="@Url.Content("~/Areas/Admin/Content/default/js/jquery-1.4.2.min.js")"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
</head>
<body>
    <div style="text-align: center; margin-top: 200px;">
        <div style="height: 18px; margin-top: 0px; margin-bottom: 0px;">
            <img src="@Url.Content("~/Areas/Admin/Content/default/images/login/Index_Top.png")" width="511"/></div>
        <div style="height: 5px;">
            <img src="@Url.Content("~/Areas/Admin/Content/default/images/login/Index_13.png")" width="511" ></div>
        <div class="loginbox">
            @using (Html.BeginForm("LogOn", "Default", FormMethod.Post))
            {  
                                             
                <table class="login" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
                    <tbody>
                        <tr>
                            <td class="td1">
                                <span class="td1"><span id="Label1">用&nbsp;户&nbsp;名&nbsp;:&nbsp;</span></span>
                            </td>
                            <td class="td3">
                                @Html.TextBoxFor(m => m.UserName, new { @placeholder = "用户名", @class = "user" })<br />
                                @Html.ValidationMessageFor(m => m.UserName)
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">
                                <span class="td1">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码&nbsp;:&nbsp;</span>
                            </td>
                            <td class="td3">
                                @Html.PasswordFor(m => m.Password, new { @placeholder = "密码", @class = "lock" })<br />
                                @Html.ValidationMessageFor(m => m.Password)
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="middle">
                                <span class="spanButton">
                                    <input id="enter" class="Button" value="登  录" type="submit" name="enter"></span>
                                <br />
                                @Html.ValidationSummary(true)
                            </td>
                        </tr>
                    </tbody>
                </table>
            }
        </div>
        <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px;
            padding-top: 0px">
            <img src="@Url.Content("~/Areas/Admin/Content/default/images/login/Index_Bottom.png")"></div>
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tbody>
                <tr>
                    <td style="height: 20px">
                    </td>
                </tr>
                <tr>
                    <td class="copyright">
                       @(appSet.CopyRight)<br />
                        @(appSet.ICP)<br />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
